<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="_fragments :: header(~{::title})">
    <link rel="stylesheet" type="text/css" href="../static/semantic.min.css" th:href="@{/semantic.min.css}">
    <script
            src="https://code.jquery.com/jquery-3.1.1.min.js"
            integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
            crossorigin="anonymous"></script>
    <script src="../static/semantic.min.js" th:href="@{/semantic.min.js}"></script>
    <meta charset="UTF-8">
    <title>作者登录</title>
</head>
<body>

<div class="ui borderless main menu " th:replace="_fragments::menu(0,blue)">
    <div class="ui huge text container">
        <a class="item" href="index.html" th:href="index">
            <i class="home icon"></i> 主页
        </a>
        <a class="item" href="category.html" th:href="category">
            <i class="folder icon"></i> 分类
        </a>
        <a class="item" th:href="archive">
            <i class="archive icon"></i> 归档
        </a>
        <a class="item" href="tags.html" th:href="tags">
            <i class="tags icon"></i> 标签
        </a>
        <div class="ui simple green dropdown item">
            更多
            <i class="dropdown icon"></i>
            <div class="menu">
                <a class="item"><i class="chess king icon"></i> 关于作者</a>
                <a class="item"><i class="language icon"></i> 选择语言</a>
                <a class="item"><i class="settings icon"></i> 账号设置</a>
            </div>
        </div>
        <div class="right item">
            <div class="ui icon input">
                <input type="text" placeholder="搜索...">
                <i class="search icon"></i>
            </div>
        </div>
    </div>
</div>
<div class="ui borderless grid">
    <div class="ui six wide column"></div>
    <div class="ui four wide column">
            <br>
        <form class="ui large form" method="post" th:action="@{/admin/login}">
            <div class="ui segment">
                <div class="field">
                    <div class="ui left icon input">
                        <i class="user icon"></i>
                        <input type="text" name="username" placeholder="账户">
                    </div>
                </div>
                <div class="field">
                    <div class="ui left icon input">
                        <i class="lock icon"></i>
                        <input type="password" name="password" placeholder="密码">
                    </div>
                </div>
                <button class="ui fluid large blue submit button">登 录</button>
            </div>
            <div class="ui error message"></div>
            <div class="ui negative message" th:unless="${#strings.isEmpty(message)}" th:text="${message}"></div>
        </form>

    </div>
    <div class="ui six wide column"></div>
</div>
</body>
</html>